// 点击start后最先进入的页面

import React, { useState } from 'react';
import { router } from 'expo-router';
import { WhiteSpace } from '@ant-design/react-native';
import { View, Text, StyleSheet } from 'react-native';
import ButtonDemo from '@/components/features/device/ButtonDemo';
import { CurrentSceneCard } from '@/components/features/device/CurrentSceneCard';
import ProfileEditor from '@/components/features/device/ProfileEditor';
import { loginUser } from '@/api/auth';
import AsyncStorage from '@react-native-async-storage/async-storage';
import storage from '@/api/storageType';

export default function BlankScreen() {
    return (
        <View style={{ flex: 1, backgroundColor: '#fff'}}>
            <View style={{ alignItems: 'center' }}>
                <CurrentSceneCard
                    image={require('../assets/images/loginBackground.png')}
                    title="全屋家居智能场景推荐系统"
                    desc="全家，尽在掌握 =）"
                    inLoginPage={true}
                />
                <WhiteSpace size='lg'/>
                <WhiteSpace size='lg'/>
                <WhiteSpace size='lg'/>
                <Text
                    style={{
                        fontSize: 24,
                        fontWeight: 'bold',
                        alignSelf: 'flex-start',
                        marginLeft: 35,
                    }}
                >
                    已有账号？
                </Text>
                <WhiteSpace size='lg'/>
                <ButtonDemo
                    onPress={() => router.push('/LoginPage')}
                    text="登录"
                />
                <WhiteSpace size='lg'/>
                <WhiteSpace size='lg'/>
                <WhiteSpace size='lg'/>
                <Text
                    style={{
                        fontSize: 24,
                        fontWeight: 'bold',
                        alignSelf: 'flex-start',
                        marginLeft: 35,
                    }}
                >
                    没有账号
                </Text>
                <WhiteSpace size='lg'/>
                <ButtonDemo
                    onPress={() => router.push('/RegisterPage')}
                    text="注册"
                />
            </View>
        </View>
    );
}

const styles = StyleSheet.create({
    Text: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#fff',
    },
});

export const options = {
    headerShown: false,
};
